a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
b,strong{font-weight:700;}
a{color: #0F67A1;}
img{font-size:0;vertical-align:middle;outline:0;-ms-interpolation-mode:bicubic;}
li{display:list-item;margin-left:0;}
table{border-collapse:collapse;border-spacing:0;}
th,td,caption{font-weight:400;vertical-align:top;text-align:left;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
textarea, input[type="text"]{border:1px solid #ccc;margin:0;padding:0;}
#pre{border:1px solid #ccc;background:#F9F9F9;padding:10px;}

ol,ul{list-style:none;}
svg{overflow:hidden;}
body{min-width:960px;height:100%;font-size: 14px;font-family:Cantarell,'Droid Sans',Ubuntu,'DejaVu Sans',Arial,sans-serif;color:#222}

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px;}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative;}
.container_12 .grid_3,.container_16 .grid_4{width:220px;}
.container_12 .grid_6,.container_16 .grid_8{width:460px;}
.container_12 .grid_9,.container_16 .grid_12{width:700px;}
.container_12 .grid_12,.container_16 .grid_16{width:940px;}
.alpha{margin-left:0;}
.omega{margin-right:0;}
.container_12 .grid_1{width:60px;}
.container_12 .grid_2{width:140px;}
.container_12 .grid_4{width:300px;}
.container_12 .grid_5{width:380px;}
.container_12 .grid_7{width:540px;}
.container_12 .grid_8{width:620px;}
.container_12 .grid_10{width:780px;}
.container_12 .grid_11{width:860px;}
.container_16 .grid_1{width:40px;}
.container_16 .grid_2{width:100px;}
.container_16 .grid_3{width:160px;}
.container_16 .grid_5{width:280px;}
.container_16 .grid_6{width:340px;}
.container_16 .grid_7{width:400px;}
.container_16 .grid_9{width:520px;}
.container_16 .grid_10{width:580px;}
.container_16 .grid_11{width:640px;}
.container_16 .grid_13{width:760px;}
.container_16 .grid_14{width:820px;}
.container_16 .grid_15{width:880px;}
.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px;}
.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px;}
.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px;}
.container_12 .prefix_1{padding-left:80px;}
.container_12 .prefix_2{padding-left:160px;}
.container_12 .prefix_4{padding-left:320px;}
.container_12 .prefix_5{padding-left:400px;}
.container_12 .prefix_7{padding-left:560px;}
.container_12 .prefix_8{padding-left:640px;}
.container_12 .prefix_10{padding-left:800px;}
.container_12 .prefix_11{padding-left:880px;}
.container_16 .prefix_1{padding-left:60px;}
.container_16 .prefix_2{padding-left:120px;}
.container_16 .prefix_3{padding-left:180px;}
.container_16 .prefix_5{padding-left:300px;}
.container_16 .prefix_6{padding-left:360px;}
.container_16 .prefix_7{padding-left:420px;}
.container_16 .prefix_9{padding-left:540px;}
.container_16 .prefix_10{padding-left:600px;}
.container_16 .prefix_11{padding-left:660px;}
.container_16 .prefix_13{padding-left:780px;}
.container_16 .prefix_14{padding-left:840px;}
.container_16 .prefix_15{padding-left:900px;}
.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px;}
.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px;}
.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px;}
.container_12 .suffix_1{padding-right:80px;}
.container_12 .suffix_2{padding-right:160px;}
.container_12 .suffix_4{padding-right:320px;}
.container_12 .suffix_5{padding-right:400px;}
.container_12 .suffix_7{padding-right:560px;}
.container_12 .suffix_8{padding-right:640px;}
.container_12 .suffix_10{padding-right:800px;}
.container_12 .suffix_11{padding-right:880px;}
.container_16 .suffix_1{padding-right:60px;}
.container_16 .suffix_2{padding-right:120px;}
.container_16 .suffix_3{padding-right:180px;}
.container_16 .suffix_5{padding-right:300px;}
.container_16 .suffix_6{padding-right:360px;}
.container_16 .suffix_7{padding-right:420px;}
.container_16 .suffix_9{padding-right:540px;}
.container_16 .suffix_10{padding-right:600px;}
.container_16 .suffix_11{padding-right:660px;}
.container_16 .suffix_13{padding-right:780px;}
.container_16 .suffix_14{padding-right:840px;}
.container_16 .suffix_15{padding-right:900px;}
.container_12 .push_3,.container_16 .push_4{left:240px;}
.container_12 .push_6,.container_16 .push_8{left:480px;}
.container_12 .push_9,.container_16 .push_12{left:720px;}
.container_12 .push_1{left:80px;}
.container_12 .push_2{left:160px;}
.container_12 .push_4{left:320px;}
.container_12 .push_5{left:400px;}
.container_12 .push_7{left:560px;}
.container_12 .push_8{left:640px;}
.container_12 .push_10{left:800px;}
.container_12 .push_11{left:880px;}
.container_16 .push_1{left:60px;}
.container_16 .push_2{left:120px;}
.container_16 .push_3{left:180px;}
.container_16 .push_5{left:300px;}
.container_16 .push_6{left:360px;}
.container_16 .push_7{left:420px;}
.container_16 .push_9{left:540px;}
.container_16 .push_10{left:600px;}
.container_16 .push_11{left:660px;}
.container_16 .push_13{left:780px;}
.container_16 .push_14{left:840px;}
.container_16 .push_15{left:900px;}
.container_12 .pull_3,.container_16 .pull_4{left:-240px;}
.container_12 .pull_6,.container_16 .pull_8{left:-480px;}
.container_12 .pull_9,.container_16 .pull_12{left:-720px;}
.container_12 .pull_1{left:-80px;}
.container_12 .pull_2{left:-160px;}
.container_12 .pull_4{left:-320px;}
.container_12 .pull_5{left:-400px;}
.container_12 .pull_7{left:-560px;}
.container_12 .pull_8{left:-640px;}
.container_12 .pull_10{left:-800px;}
.container_12 .pull_11{left:-880px;}
.container_16 .pull_1{left:-60px;}
.container_16 .pull_2{left:-120px;}
.container_16 .pull_3{left:-180px;}
.container_16 .pull_5{left:-300px;}
.container_16 .pull_6{left:-360px;}
.container_16 .pull_7{left:-420px;}
.container_16 .pull_9{left:-540px;}
.container_16 .pull_10{left:-600px;}
.container_16 .pull_11{left:-660px;}
.container_16 .pull_13{left:-780px;}
.container_16 .pull_14{left:-840px;}
.container_16 .pull_15{left:-900px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}

#ajax_loader{
    margin:10px auto;
    text-align:center;
}
#header{
    padding:20px 0;
    background:#833;
    margin-bottom:50px;
}

#header a{
    font-weight: bold;
    font-size: 16px;
    text-decoration:none;
    color:#fff;
}
#header h1 a{
    font-size:30px;
}

#header li{
    height: 50px;
    float:left;
    line-height: 55px;
    margin-right: 15px;
}   
legend{
    margin-bottom:30px;
}


/*
#container li{
	margin:0 0 30px 0;
}
*/
#slideshow{
    height: 260px;
    margin-bottom: 40px;
    background: #f8f8f8;  
}
#slideshow .grid_5 div{
    padding:20px;
    line-height: 200%;
    
}
#slideshow .grid_7{
    height: 260px;
    background: url(/images/slideshow.png) 30px 20px no-repeat;
}
#slideshow h1{
    font-size:20px;
    margin-bottom: 10px;
    text-align: center;

}
#slideshow a{
    color:#222;
}

.download{
    margin-top: 20px;
}
#slideshow .download a{
    width:60%;
    margin:auto;
    padding:10px 0;
    font-size: 22px;
    color:#fff;
    text-align: center;
    display: block;
    background: #833;

}
.download a:hover{
    background: #bfbc5b;
}

article header p{
    text-indent:0;
}
article p{
    line-height: 180%;
    margin: 0.4em 0 1em;
}

.post_list li{
    margin-bottom: 40px;
}

.post_list h1{
    margin-bottom:5px;
    
}
.post_list footer{
    margin:10px 0;
}
.post_list time{
    height: 46px;
    width:50px;
    float:left;
    display: block;
    background: #eceff6;
    padding:7px;
    line-height: 20px;
    text-align: center;
    color:#7b7e85;
    font-weight: bold;
}
.post_list time span{
    display: block;

}
.post_list .month{
    margin-bottom: 3px;
    
    text-transform: uppercase;
}
.post_list .day{
    font-size: 22px;
    text-shadow: 0 -1px 0 
}

#file_upload{
    margin-bottom: 30px;
    padding: 30px 0 10px 30px;
    background: #cecece;
}
#file_upload li {
    height:80px;
    line-height: 80px;
}
#file_upload li img{
    width:50px;
    height:50px;
    padding:1px;
    border:1px solid #ccc;
    margin-right: 5px;
}
.post_form label{
    float:left;
    display:block;
    width:80px;
    padding-right: 5px;
    
}
.post_form input[type="text"]{
    width:600px;
    height:25px;
    line-height: 25px;
}
.post_form input[type="submit"]{
    margin-left:80px;
}
.post_form p{
    margin-bottom:20px;
}
.post_form li{
    margin-bottom:20px;
}
.post_form textarea{
    width:600px;
    min-height: 150px;
}
.post_form #markItUpPost_content{
    margin-left:40px;
}

.article_view h1{
    margin-bottom: 20px;
    padding: 0 0 10px;
    font-size: 26px;
    border-bottom: solid 1px #BABDB6;
}
.article_view header{
    margin-bottom: 10px;
    text-align: left;
}
.article_view blockquote{
    margin:1em 0;
    background: url('/images/help-browser.png') no-repeat 1%  50% #FFFACC;
    border-bottom: 1px solid #EF2929;
    border-top: 1px solid #EF2929;
    padding:  10px 10px 10px 70px ;
}
.article_view time{
    color: #B9B9B9;
}
.article_view strong{
    font-size:16px;
}
.article_view footer {
    padding:5px 10px;
    margin:20px 0;
    background: #ECEFF6;
}
aside h2{
   
    margin-bottom:5px;
}
aside ul{
    margin-bottom:20px;
}
aside li{
    line-height:180%;
}
aside h2 span{


    font-style: italic;
    
}
.avatar_list a{
    display: block;
    width:25%;
    overflow: hidden;
    margin-bottom: 5px;
    float: left;
}
.avatar_list img{
    padding:1px;
    border: 1px solid #ccc;
    width:48px;
    height: 48px;
}
.avatar_list{
    margin-bottom: 10px;
}
/* 微博 */

.weibo_list li blockquote{
    padding:10px 10px 10px 0;
    min-height: 65px;
}

.weibo_list li blockquote{
    border:2px solid #ECEFF6;
}
.weibo_list li .triangle{
    border:10px solid #ECEFF6;
    border-top:0px;
    border-color:  #FFFFFF #FFFFFF #ECEFF6 #FFFFFF ;
}

.weibo_list li{
    padding: 20px 10px;
    line-height: 180%;
    margin-bottom:30px;
    cursor:pointer;
}

.weibo_list li figure{
    margin:5px 0;
}
.weibo_list li .grid_1{
    text-align: center;
}
.weibo_list li:hover blockquote{
    border-color:#CCCCCC ;
}
.weibo_list .weibo_list_focused blockquote {
    border-color:#833 ;
}
.weibo_list li:hover .triangle{
    border:10px solid #CCCCCC;
    border-top:0px;
    border-color:  #FFFFFF #FFFFFF #CCCCCC #FFFFFF ;
}
.weibo_list .weibo_list_focused .triangle{
    border:10px solid #833;
    border-top:0px;
    border-color:  #FFFFFF #FFFFFF #833 #FFFFFF ;
}


.weibo_con{
    margin-bottom:20px;
    font-size:16px;
}

.weibo_item_comment .grid_1{
    
}
#weibo_get_new_msg{
    background: url('/images/view-refresh.png') no-repeat 3% 50%;
}

#weibo_get_new_msg a{
    padding:10px 10px 10px  40px;
    display:block;
    border:2px solid #ccc;
}

#weibo_get_new_msg a:hover{
    border:2px solid #CCCCCC;
}
#weibo_loading{
    position:fixed;
    top:200px;
    width:540px;
    height:300px;
}
#weibo_loading_con{
    margin:auto;
    position: relative;
    width:300px;
}

#weibo_item {
    width:360px;
    height:620px;
    overflow-y: auto;
    position: relative;
    padding:10px;
    background:#fff;
}
#weibo_item .grid_1{
    margin:0;
}
#weibo_item .prefix_1{
    padding-left: 50px;
}
#weibo_items{
    position: fixed; 
    top:0;
    width:380px;
    overflow:hidden;
    display:none;
}
#weibo_itme_close{
    background:#ECEFF6;
}
#weibo_itme_close a{
    padding-right:25px;
    height:30px;
    line-height:30px;
    background:url('/images/process-stop.png') no-repeat 99% 50%;
    text-align:right;
    display:block;
    text-decoration:none;
    color:#888;
}
.weibo_item_img{
    clear:both;
    padding:20px 0;
}
.weibo_item_img img{
    width:340px;
}
.weibo_item_comment{
    line-height:normal;
    padding-top:10px;
    margin-bottom:10px;
    border-top:1px solid #ECEFF6;;
}
.weibo_item_created{
    color:#999;
    margin-top:5px;
}
.weibo_item_comment .grid_1{
    width:35px;
}

.weibo_item_comment .grid_1 img{
    width:35px;
    height:35px;
}

#weibo_sidebar{
    overflow:hidden;
}

.follow{
    width:45%;
    overflow:hidden;
    float:left;
}
#follower{
    margin-right:10%;
}
#follow{
    height:100px;    
}

.follow li {
    float:left;
    width:20%;
}

.follow img{
    width: 80%;
    margin-right:5%;
    border:1px solid #ccc;
    padding:1px;
}

#weibo_sync_msg{
    float:right;
}
#footer{
    margin-top:50px;
    padding-top:10px;
    border-top:1px solid #ccc;
}
.triangle{
    margin-left:30px;
    display:block;
    overflow:hidden;
    width:0;
    height:0;

}

.album_list li{
    float:left;
    width: 25%;
    height: 180px;
    text-align: center;
    overflow: hidden;
}

.album_list li img{
    padding:1px;
    border:1px solid #ccc;
    max-height: 160px;
}
.image img{
    border:5px solid #ccc;
    padding:2px;
}
.image .grid_2 img{
    width:90%;
}
.image .grid_2 strong{
    display: block;
    margin-bottom: 5px;
}
.image figure {
    text-align: center;
}
.image figure img{
    max-width: 500px;
}
.image figcaption{
    margin-top : 10px;
    font-weight: bold;
}

#comment_list {
    margin:10px 0;
}
#comment_list time{
    color:#B9B9B9;
}

#comment_list li{
    clear:both;
    min-height: 80px;
}

.author_avatar{
    float:left;
    width:54px;
}
#show_captcha input{
    width:60px;
    
    font-weight: bold;
    text-align: center;
}

#comment {
    padding-top:30px;
    clear:both;
}
#comment h2{
    margin-bottom: 20px;
    font-size: 16px;
}
#hncomment_list li{
    min-height: 60px;
    margin-bottom: 30px;
}
#comment_list img{
    padding:1px;
    border:1px solid #ccc;
}
#comment_list p{
    line-height: 200%;
}
    
 .pages{
    height:30px;
    line-height: 30px;
    padding:10px 0 30px 0;
}
.pages a{
    padding:1px 5px;
    color:#777;
    border:1px solid #eee;
}
.pages strong{
    margin:0 3px;
    color:#666;
}

/* 悬浮层 */

.overlay {
    display:none;
    font-weight:bold;
    padding:20px;
    background: url(/images/black_point.png);
    color:#fff;
    text-align:center;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -moz-box-shadow: 0 0 10px #CCCCCC;
    -webkit-box-shadow: 0 0 10px #CCCCCC;
}
.overlay .close {
	background:url(/images/apple-close.png) no-repeat;
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer;
	height:16px;
	width:16px;
}
